$(function () {
  let id = location.search.split('&')[1].split('=')[1];
  let txt = location.search.split('&')[2].split('=')[1];
  //三级分类
  txt = decodeURI(txt);
  // 四级分类
  $('#category').text(txt);
  // 渲染整个页面
  $.ajax({
    url: "http://localhost:3000/api/getproduct",
    data: { productid : id },
    success: function (res) {
      console.log(res);
      // 渲染四级分类内容
      $('.list-title4').text(res.result.productName.split(' ')[0]);
      // 渲染三级分类跳转页面
      $('.list-title3').attr('href','./productlist.html?categoryid='+ res.result.categoryId +'&category='+ txt +'&pageid=1');
      // 渲染比价页面
      $('.main-con').html(template('tmp', res.result));
      renderCom ();
    }
  });

  // 渲染评论部分
  function renderCom () {
    $.ajax({
      url: "http://localhost:3000/api/getproductcom",
      data: { productid : id },
      success: function (res) {
        $('.com-list ul').html(template('tmp2', res));
      }
    });
  }
})